.mainbox {
    width: 98%;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mainbox .column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mainbox .middleColumn {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chartRect {
    width: 100%;
    height: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chartRect .polarChart {
    margin: auto;
    width: 90%;
    height: 4rem;
}

.chartRect .barChart {
    /*margin: auto;*/
    width: 90%;
    height: 4rem;
}

/************************************* 中顶 ******************************/
.middleColumn .top {
    margin-top: -2.5rem;
    width: 90%;
    height: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.top .numRect {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.numRect .title {
    font-size: 0.5rem;
    text-align: center;
    color: white;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
}

.numRect .numbers {
    margin-top: 0.15rem;
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.numRect .number {
    font-size: 0.5rem;
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
    text-indent: 0.1rem;
    background-color: #F29D26;
    border-radius: 0.05rem;
}

/************************************* 中中 ******************************/
.middleColumn .middle {
    margin-top: 0.1rem;
    width: 90%;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    background-color:rgba(165,204,237,0.1) !important;
}

.proportionRect {
    width: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.proportionAbove {
    margin-top: 0.2rem;
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 0.225rem;
    text-align: center;
    color: white;
}

.record_img {
    margin-top: 0.1rem;
    margin-left: 0.2rem;
    background:url('../../images/prescription_supervision/record.png');
    width: 1.088rem;
    height: 1.213rem;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    -webkit-animation: bounce-down 2s linear infinite;
    -moz-animation: bounce-down 2s linear infinite;
    -o-animation: bounce-down 2s linear infinite;
    animation: bounce-down 2s linear infinite;
}

.base_img {
    margin-top: -0.75rem;
    background:url('../../images/prescription_supervision/base.png');
    width: 2.225rem;
    height: 1rem;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
}

.proportionBottom {
    margin-top: 0.2rem;
    font-size: 0.225rem;
    text-align: center;
    color: white;
    letter-spacing: 0.01rem;
}

@-moz-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@-o-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@keyframes bounce-down {
    25% {transform: translateY(-10px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(10px);}
}

/************************************* 中底 ******************************/
.middleColumn .bottom {
    margin-top: 0.5rem;
    width: 90%;
    height: 3.5rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.bottom .leftChart {
    width: 5rem;
    height: 3.5rem;
    background-color:rgba(165,204,237,0.1) !important;
}

.bottom .rightChart {
    width: 5rem;
    height: 3.5rem;
    background-color:rgba(165,204,237,0.1) !important;
}